<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  @@include('./head.html')
  <link rel="stylesheet" href="../css/login.css">
  <title>Document</title>
</head>

<body>
  <section class="container register-box">
    <!-- 标题 -->
    <div class="page-header">
      <h1>用户登录</h1>
    </div>

    <form class="form-horizontal">
      <!-- 用户名 -->
      <div class="form-group">
        <label for="inputName3" class="col-sm-2 control-label">账&emsp;号</label>
        <div class="col-sm-6">
          <input type="text" class="form-control" id="inputName3" name="username" placeholder="请输入您的用户名...">
        </div>
        <!-- 用户名错误提示 -->
        <div class="col-sm-6 name-div">
          <div class="name-tip"></div>
        </div>
      </div>
      <!-- 密码 -->
      <div class="form-group">
        <label for="inputPassword3" class="col-sm-2 control-label">密&emsp;码</label>
        <div class="col-sm-6">
          <input type="password" class="form-control" id="inputPassword3" name="password" placeholder="请输入您的密码...">
        </div>
        <!-- 密码错误提示 -->
        <div class="col-sm-6 pass-div">
          <div class="pass-tip"></div>
        </div>
      </div>
      <!-- 记住用户名和密码 -->
      <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
          <div class="checkbox">
            <label class="rember-me">
              <input type="checkbox" id="rember-me"> 记住用户名和密码
            </label>
            <label class="">
              <a href="./register.html" class="register-btn">没有账号？立即去注册！</a>
            </label>
          </div>
        </div>
      </div>
      <!-- 登录按钮 -->
      <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
          <a type="button" class="btn btn-info" role="button" id="login-btn">登录</a>
        </div>
      </div>
    </form>
  </section>
</body>
<script src="../js/login.js"></script>
</html>